<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" Content="text-html; charset=Windows-1252">
<title>Example: Create expandable sections with DHTML</title>
<style>@import url(coUA.css);</style>
<script language="JavaScript" src="master.js"></script>
</HEAD>

<BODY>
<h1><a name="ocx_dhtml_sidebars"></a>Example: Create expandable sections with DHTML</h1>

<p>You can use Dynamic HTML (DHTML) to create expandable sections in your HTML files. This can be helpful when you document screen shots and other items that occupy a large amount of screen space. Expandable sections give the user more control over the display of such elements, letting them display them as needed.</p>

<p>These topics use, as samples, the source code for the <a href="showme_dhtml_sb.htm">sidebars</a> in the HTML Help documentation.</p>

<p>There are three steps to creating expandable sections:</p>

<ol>
<li><a href="ocx_dhtml_sb1.htm">Create the tag that will contain the contents for each section</a>.
<li><a href="ocx_dhtml_sb2.htm">Insert the JavaScript code</a>.
<li><a href="ocx_dhtml_sb3.htm">Update your style sheet to reflect the new section</a>.
</li>
</ol>

<h3>Notes</h3>
<ul>
<li>You can use this example with both uncompiled HTML files and compiled help (.chm) files.
</li>
</ul>

<br>
<table border="0" cellpadding="0" cellspacing="4">
<tr>
<td valign="top"><a href="ocx_scripts.htm"><img src="proced.gif" alt="link to overview topic" border="0"></a>
</td>
<td><a href="ocx_scripts.htm">About the script and DHTML examples</A>
</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>

</BODY>
</HTML>
